<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Observatório</title>
    </h:head>
    <link rel="stylesheet" type="text/css" href="../css/estilo_observatorio_geral.css"/>
    <link rel="stylesheet" type="text/css" href="../css/estilo_eixos.css"/>
    <link href='http://fonts.googleapis.com/css?family=Average+Sans' rel='stylesheet' type='text/css'/>
    <h:body>

        <div id="wrap_site">
            <div id="topo">
                <ui:include src="/resources/site/top.xhtml" />
            </div> <!--END TOPO-->

            <div id="conteudo"> 

                <div id="sidebar_left"> 
                    
                    <ui:include src="/resources/site/lateralInovacao.xhtml" />

                    <p class="bg_geral_l3_bibliometria texto_vermelho" style="width:272px;"><strong>Tratamento bibliométrico do resultado de sua busca</strong>:</p>

                    <h:form id="formGraficos" >
                        <p><br />
                            <h4>
                                Esta busca resultou em #{obraBean.numeroObrasResultado} obra(s) das #{obraBean.totalObras} cadastradas;
                            </h4>

                        </p>
                        <p><br />

                            <p:chart type="pie" id="graficoTotalObras" model="#{obraBean.pieModel}" style="width: 100%;height:360px;background-color:#D9D0D0 "  />  
                        </p>
                        <p><br />

                            <p:chart type="pie" id="graficoEstados" model="#{obraBean.pieModelEstados}" style="width: 100%;height:450px;background-color:#D9D0D0 "   />  
                        </p>
                        <p><br />

                            <p:chart type="pie" id="graficoAno" model="#{obraBean.pieModelAno}" style="width: 100%;height:450px;background-color:#D9D0D0 "  />  
                        </p>
                    </h:form>

                </div>
                <div id="sidebar_right">
                    <div id="bg_l1_bibliometria">
                        <img src="../images/detalhe_caixas.png" class="det_caixas float_left" />
                        <h1 class="titulo_pagina">Base de Dados para Bibliometria em Gestão Social</h1>
                        <p>Este Dicionário para a Formação em Gestão em Social busca constituir-se como uma obra de referência para a descoberta do universo interdisciplinar da gestão social, em algumas de suas múltiplas partes, auxiliando seus processos de formação. Sua produção envolveu 44 diferentes autores, vinculados a 21 instituições diferentes, provenientes das cinco regiões do Brasil, para a produção destes 45 verbetes. O Dicionário possui três versões iguais: impressa, digital e online, todas publicadas em abril de 2014.
                        </p>   
                        <div class="clear_float"></div>
                    </div>


                    <div id="conteudo_pagina">

                        <br /> 
                        <table width="100%" border="0">
                            <tr>
                                <td class="cinza_medio" style="text-align:center; border-right:solid 5px #fff;">Filtros Ativados<br/>
                                    <h:form id="filtrosativos" >
                                        <h:outputText value="#{obraBean.filtrosAtivos}" escape="false" />
                                    </h:form>
                                    
                                </td>
                                <td class="cinza_medio"><table width="100%" border="0">
                                        <tr>
                                            <td align="center"><a href="index.xhtml"><img src="../images/seta_voltar2.png" width="7" height="11" /> Realizar Nova Busca</a></td>
                                        </tr>
                                    </table></td>
                            </tr>
                        </table>

                    </div>

                    <div class="clear_float"></div>

                    <br />


                    <div class="bg_geral_l3_bibliometria">

                       


                        <p>&nbsp;</p>
                        <h:form id="form_resultado_bibliometria">

                            <p:dataTable id="cars" var="obra" value="#{obraBean.filtroObras}" rowKey="#{obra.id}"  
                                         selection="#{obraBean.obraSelecionada}" selectionMode="single"  style="background-color: #C6BCBC;width: 100% " paginator="true" rows="10" >  

                                <p:column headerText="Obras" style="white-space: normal;font-size: 12px"   >  
                                    <h:outputText value="#{obra.obraToString}" escape="false" />
                                </p:column>  

                                <f:facet name="footer" >  
                                    <p:commandButton id="viewButton" value="Visualizar"  update=":form_resultado_bibliometria:display" oncomplete="PF('bibliometriaDialog').show()" icon="ui-icon-search"  style="background-color: #C6BCBC;" />  
                                </f:facet>  

                            </p:dataTable>  

                            <p:dialog id="dialog" header="Obra em Detalhe" widgetVar="bibliometriaDialog" width="1200" height="600" modal="true"   >  

                                <h:panelGrid id="display" columns="1" cellpadding="2" style="width:100%" >  


                                    <h:outputText value="#{obraBean.obraSelecionada.toString()}" escape="false" />  


                                    <br/>
                                    <br/>
                                    <div align="center"><h3>Observatório da Formação em Gestão Social</h3></div>


                                </h:panelGrid>
                                <div align="center">
                                    <p:commandButton value="Imprimir" type="button" icon="ui-icon-print">  
                                        <p:printer target="display" />  
                                    </p:commandButton>  
                                </div>

                            </p:dialog>


                        </h:form>  
                        <p>&nbsp;</p>
                        

                    </div>

                </div>








            </div>

            <div class="clear_float"> </div>
        </div> <!--END CONTEUDO-->

        <div id="footer">
            <p class="texto_rodape">Observatório da Formação em Gestão Social (2013)</p>
        </div>
        <div id="wrap_marcas">
            <img src="../images/id_each_usp.jpg" width="50" height="67" alt="EACH/USP" />
            <img src="../images/id_ufba.jpg" width="50" height="67" alt="UFBA" />
            <img src="../images/id_ufc.jpg" width="50" height="67" alt="UFC" />
            <img src="../images/id_uft.jpg" width="95" height="67" alt="UFT" />
            <img src="../images/id_puc.jpg" width="37" height="67" alt="PUC" />
            <img src="../images/id_udesc.jpg" width="47" height="67" alt="UDESC" />
            <img src="../images/id_ufb.jpg" width="71" height="67" alt="UFB" />
            <img src="../images/id_puc_mg.jpg" width="71" height="67" alt="PUC/MG" />
        </div>










    </h:body>
</html>

